<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Ingenieria Web</title>
        <meta http-equiv="Content-Type" 
              content="text/html; charset=UTF-8">
        <script src="canvas.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script src="geolocaliza.js">      
        </script>
          
    </head>
    <body>
        <p>
            <canvas id="micanvasbasico" width="200" 
                    height="100">
             Uso de la etiqueta CANVAS solo con un
             Navegador soporte HTML5.
            </canvas>
        </p>
        <header>
            <hgroup>
                <h1>(Titulo de la web)</h1>
                <h2>(Descripcion de la web)</h2>
            </hgroup>
        </header>
        <nav> (Barra de menu de navegacion)</nav>
        <aside>Anuncios</aside>
        <section id="izquierda">
            <h2> Novedades de la web</h2>
            <article> Articulo 01</article>
            <article> Articulo 02</article>
            <article> Articulo 03</article>
        </section>
        <section id="centro">
            <h2> Temas</h2>
            <article>Tema 01</article>
            <article>Tema 02</article>
            <article>Tema 03</article>
        </section>
    <audio controls="controls">
        <source src="recursos/audios/AhoraTeVas.ogg" type="audio/ogg">
    </audio>
        <script src="http://www.escapistmagazine.com/videos/embed/6573"> </script>
        <video src="http://cdn2.themis-media.com/media/global/movies/player/flowplayer.commercial-3.2.12.swf" 
               width="400" height="200" 
               controls autoplay preload >            
        </video>
     <p> <a href="javascript:obtener_localizacion();">
            Aqui se muestra la Posicion  
            </a>
            
        </p>
       
        <footer>
            <section id="CopyRight">Derechos Reservados</section>
        </footer>
    </body>
</html>
